*{
	padding: 0;
	margin: 0;
}
body{
	position: relative;
}
.img1{
	width: 100%;
}

.inp1{
	width: 27%;
    position: absolute;
    top: 41.1%;
    left: 37.3%;
}
.inp2{
	width: 36%;
    position: absolute;
    top: 63.78%;
    left: 45.5%;
}
.inp3{
	width: 44%;
    position: absolute;
    top: 73%;
    left: 28%;
}
.inp4{
	width: 22%;
    position: absolute;
    top: 89%;
    left: 59%;
}

.inp5{
    width: 40%;
    position: absolute;
    top: 97.6%;
    left: 39%;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
}

.school{
	width: 70%;
	height: 135px;
	position: absolute;
    top: 77%;
    left: 15%;
    border: solid 2px #1dabfd;
    display: none;
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 100%;
    margin: 2%;
    margin-left: -2px;
}

.flex-item {
    width: 70px;
    margin-left: 4px;
    text-align: center;
    background: #fff;
    border-radius:50px
    ;
}
.school a{
	color: #000;
}
